<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'home.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	
	<meta charset="UTF-8">
		<title>蒂美娜个人护肤品牌—蒂美娜官方网站</title>
		<link href="<%=basePath%>css/home01.css" rel="stylesheet"/>
		<script src="js/home01.js"></script>
		<script src="js/jquery-1.11.1.min.js"></script>
		<script src="js/home02.js"></script>
  		<script src="js/jquery-1.11.1.min.js"></script>
  		<script src="js/amazeui.min.js"></script>
  </head>
  
  <body>
    <!--site-nav-->
		<div class="sw">
			<div class="site-nav clearfix">
				<div class="site-nav-left fl">
					<p>欢迎来到蒂美娜官方网站</p>
				</div>
				<div class="site-nav-right fr">
					<p><a href="<%=basePath%>ly.jsp">关于我们</a></p>
				</div>
			</div>
		</div>
		<!--site-nav end-->
		
		<!--search-->
		<div class="search-all" id="nav">
		<div class="search clearfix">
			<div class="search-logo fl">
				<a href="<%=basePath%>home.jsp"><img src="img/1_01.png" /></a>
			</div>
			<div class="search-nav fl">
				<ul class="clearfix">
					<li><a href="<%=basePath%>home.jsp">首页</a></li>
					<li class="cream"> 
						<a href="<%=basePath%>hf1.jsp">护肤品</a>
						<div class="layer layer0 clearfix">
								<div class="nav_01 fl">
									<a class="nav_021" href="<%=basePath%>hf1.jsp">脸部系列</a>
									<a class="nav_021" href="<%=basePath%>hf2.jsp">眼部系列</a>
									<a class="nav_021" href="<%=basePath%>hf3.jsp">男士系列</a>
									<a class="nav_021" href="<%=basePath%>hf4.jsp">身体系列</a>
								</div>
								<!--<div class="before"></div>-->
						</div>
					</li>
					<li class="cosmetics">
						<a href="<%=basePath%>cz1.jsp">彩妆</a>
						<div class="layer layer1 clearfix">
								<div class="nav_02 fl">
									<a class="nav_021" href="<%=basePath%>hf1.jsp">脸部彩妆</a>
									<a class="nav_021" href="<%=basePath%>hf2.jsp">眼部彩妆</a>
									<a class="nav_021" href="<%=basePath%>#">唇部彩妆</a>
									<a class="nav_021" href="<%=basePath%>#">卸妆彩妆</a>
								</div>
								<!--<div class="before"></div>-->
						</div>
					</li>
					<li><a href="<%=basePath%>newproduct.jsp">新品上市</a></li>
					<li><a href="<%=basePath%>brandIntroduction.jsp">品牌介绍</a></li>
				</ul>
			</div>
			<div class="search-input clearfix">
				<div class="search-form fr clearfix">
					<input class="search-text fl" autocomplete="off" placeholder="搜索您需要的商品......"/>
				<div class="search-icons"></div>
				<span></span>
				<div class="search-icon fl">
				<a href="<%=basePath%>#"><img src="img/1_02.png"/></a>
			   </div>
				</div>
			</div>
		</div>
		</div>
		
		<!--second banner-->
		<div class="search-all-fixed" id="navFixed">
		<div class="search clearfix" >
			<div class="search-logo fl">
				<a href="<%=basePath%>#"><img src="img/1_01.png" /></a>
			</div>
			<div class="search-nav fl">
				<ul class="clearfix">
					<li><a href="<%=basePath%>home.jsp">首页</a></li>
					<li class="creamfixed"> 
						<a href="<%=basePath%>hf1.jsp">护肤品</a>
						<div class="layer layerfixed0 clearfix">
								<div class="nav_01 fl">
									<a class="nav_021" href="<%=basePath%>hf1.jsp">脸部系列</a>
									<a class="nav_021" href="<%=basePath%>hf2.jsp">眼部系列</a>
									<a class="nav_021" href="<%=basePath%>hf3.jsp">男士系列</a>
									<a class="nav_021" href="<%=basePath%>hf4.jsp">身体系列</a>
								</div>
								<div class="before"></div>
						</div>
					</li>
					<li class="cosmeticsfixed">
						<a href="<%=basePath%>cz1.jsp">彩妆</a>
						<div class="layer layerfixed1 clearfix">
								<div class="nav_02 fl">
									<a class="nav_021" href="<%=basePath%>cz1.jsp">脸部彩妆</a>
									<a class="nav_021" href="<%=basePath%>cz2.jsp">眼部彩妆</a>
									<a class="nav_021" href="<%=basePath%>cz3.jsp">唇部彩妆</a>
									<a class="nav_021" href="<%=basePath%>cz4.jsp">卸妆彩妆</a>
								</div>
								<div class="before"></div>
						</div>
					</li>
					<li><a href="<%=basePath%>#">新品上市</a></li>
					<li><a href="<%=basePath%>#">品牌介绍</a></li>
				</ul>
			</div>
			<div class="search-input clearfix">
				<div class="search-form fr clearfix">
					<input class="search-text fl" autocomplete="off" placeholder="搜索您需要的商品......"/>
				<div class="search-icons"></div>
				<span></span>
				<div class="search-icon fl">
				<a href="<%=basePath%>#"><img src="img/1_02.png"/></a>
			   </div>
				</div>
			</div>
		</div>
		</div>

		<!--search end-->
		
		<!--banner-->
		<div class="am-slider am-slider-default" data-am-flexslider id="demo-slider-0"
			style="width:100%;">
  			<ul class="am-slides">
    			<li><a href="<%=basePath%>banner.jsp"><img src="img/1_04.png" /></a></li>
   				<li><a href="<%=basePath%>banner.jsp"><img src="img/1_05.png" /></a></li>
   				<li><a href="<%=basePath%>banner.jsp"><img src="img/1_06.png" /></a></li>
  			</ul>
		</div>
<!--banner end-->
<!--hot-product-->
		<div class="hot-product clearfix">
			<div class="hot-product-left fl">
				<a href="<%=basePath%>#"><img src="img/hot-product-1.png" /></a>
			</div>
			<div class="hot-product-right fr">
				<a href="<%=basePath%>#"><img src="img/hot-product-2.png" /></a>
			</div>
			<div class="floating">
				<div class="floating-top">
					<img src="img/floating-1.png" />
					<a target="_blank" href="<%=basePath%>http://wpa.qq.com/msgrd?v=3&uin=1910270075&site=qq&menu=yes">
					<p>在线<br />咨询</p></a>
				</div>
				<div class="floating-line"></div>
				<div class="floating-middle">
					<img src="img/floating-2.png" />
					<a href="<%=basePath%>tel:18856934862"><p>电话<br />咨询</p></a>
				</div>
				<div class="floating-line"></div>
				<div class="floating-top">
					<img src="img/floating-3.png" />
					<a href="<%=basePath%>#"><p data-am-smooth-scroll="{position: 57, speed: 3000}">返回<br />顶部</p></a>
				</div>
			</div>
		</div>
		<!--hot-product end-->
		<!--star-product-->
		<div class="star-product">
			<div class="star-product-top clearfix">
				<div class="star-product-line1 fl"></div>
				<span class="txt">明星产品</span>
				<div class="star-product-line2 fr"></div>
			</div>
			<div class="star-product-botton clearfix">
				<div class="tab">
					<span id="last"><</span>
					<span id="next">></span>
				</div>
				<div class="tab-box">
				<ul id="ularr1">
					<li>
						<a href="<%=basePath%>#"><img src="img/tab-box1.png"/></a>
						<h3>礦物粉底蜜粉 15g</h3>
						<p class="pirce">￥800</p>
						<a href="<%=basePath%>#" class="txt-buy">立即购买 ></a>
					</li>
					<li>
						<a href="<%=basePath%>#"><img src="img/tab-box2.png"/></a>
						<h3>晶鑽恆美系列护肤品</h3>
						<p class="pirce">￥760</p>
						<a href="<%=basePath%>#" class="txt-buy">立即购买 ></a>
					</li>
					<li>
						<a href="<%=basePath%>#"><img src="img/tab-box3.png"/></a>
						<h3>潤透粉底霜 30ml</h3>
						<p class="pirce">￥680</p>
						<a href="<%=basePath%>#" class="txt-buy">立即购买 ></a>
					</li>
					<li>
						<a href="<%=basePath%>#"><img src="img/tab-box4.png"/></a>
						<h3>無油脂粉底液 30ml</h3>
						<p class="pirce">￥890</p>
						<a href="<%=basePath%>#" class="txt-buy">立即购买 ></a>
					</li>
				</ul>
				<ul id="ularr2">
					<li>
						<a href="<%=basePath%>#"><img src="img/tab-box3.png"/></a>
						<h3>礦物粉底蜜粉 15g</h3>
						<p class="pirce">￥800</p>
						<a href="<%=basePath%>#" class="txt-buy">立即购买 ></a>
					</li>
					<li>
						<a href="<%=basePath%>#"><img src="img/tab-box4.png"/></a>
						<h3>晶鑽恆美系列护肤品</h3>
						<p class="pirce">￥990</p>
						<a href="<%=basePath%>#" class="txt-buy">立即购买 ></a>
					</li>
					<li>
						<a href="<%=basePath%>#"><img src="img/tab-box1.png"/></a>
						<h3>潤透粉底霜 30ml</h3>
						<p class="pirce">￥560</p>
						<a href="<%=basePath%>#" class="txt-buy">立即购买 ></a>
					</li>
					<li>
						<a href="<%=basePath%>#"><img src="img/tab-box2.png"/></a>
						<h3>無油脂粉底液 30ml</h3>
						<p class="pirce">￥720</p>
						<a href="<%=basePath%>#" class="txt-buy">立即购买 ></a>
					</li>
				</ul>
				</div>
			</div>
		</div>
		<!--banner2-->
		<div class="banner2">
			<div class="banner2-pic">
			<a href="<%=basePath%>#"><img src="img/banner2.jpg"/></a>
			</div>
		</div>
		<!--story-pic-->
		<div class="story-pic clearfix">
			<div class="story-pic1 fl">
				<a href="<%=basePath%>hf1.jsp"><img src="img/story-pic.png"/>
				<span>护肤家族</span>
				</a>
			</div>
			<div class="story-pic2 fl">
				<a href="<%=basePath%>brandIntroduction.jsp"><img src="img/story-pic1.png"/>
				<span>品牌介绍</span>
			</a>
			</div>
			<div class="story-pic3 fr">
				<a href="<%=basePath%>cz1.jsp"><img src="img/story-pic.png"/>
				<span>彩妆家族</span>
				</a>
			</div>
		</div>
		<!--story-pic end-->
		<!--footer-->
		<div class="footer-all">
			<div class="footer">
				<div class="footer-top clearfix">
					<div class="footer-top-left fl">
						<p>客服热线：886-2-2369-1140</p>
						<p>传真专线：886-2-2365-2745</p>
						<p>服务邮箱：service@spa-boss.com</p>
						<p>地址：106台北市大安區泰順街26巷28號2F</p>
					</div>
					<div class="footer-top-right1 fr">
						<img src="img/footer-pic.png" />
						<p>微博关注蒂美娜</p>
					</div>
					<div class="footer-top-right2 fr">
						<img src="img/footer-pic.png" />
						<p>微信关注蒂美娜</p>
					</div>
				</div>
				<div class="footer-middle"></div>
				<div class="footer-bottom">
					<p>COPYRIGHT© 2008 Leachain International Co., Ltd.-All RIGHTS RESERVED</p>
				</div>
			</div>
		</div>
  </body>
</html>
